.main{
    overflow: hidden;
    display: block;
    .content{
        width:1440px;
        margin: 1.25rem auto;
        .h1-con{
            font-weight: 400;
            line-height: 2.375rem;
            margin-top: 1.25rem;
            margin-bottom: 1.25rem;
            width: 100%;
            text-align: center;
            }
            .box-con{
                width: 100%;
                position: relative;
                .list-con{
                    margin: 1.25rem 0 3.125rem;
                    display: flex;
                    align-items: center;
                    position: relative;
                    min-height: 2.5rem;
                    padding: .875rem 1.25rem;
                    border: solid #e5e5e5;
                    border-width: .0625rem 0;
                    justify-content: flex-end;
                    .box-list{
                        display: flex;
                        align-items: center;
                    .btn1{
                        display: block;
                        width: 26px;
                        height: 26px;
                        border: none;
                        cursor: pointer;
                        margin-top: -3px;
                        .btn1-sp1{
                            display: block;
                            border: 2px solid black;
                            width: 100%;
                            height: 100%;
                            background-color: white;
                            border-radius: 4px;
                        }
                    }
                    .btn2{
                        margin-left: .75rem;
                        opacity: .3;
                        cursor: pointer;
                        border: none;
                        padding: 0;
                        font-size: 28px;
                       
                    }
                    }
                }
                .view-con{
                    width: 100%;
                    .h2-con{
                        line-height: 2rem;
                        text-align: center;
                        margin: 1.25rem 0;
                        box-sizing: border-box;
                        padding: 0 1.25rem;
                        font-weight: 400;
                        width: 100%;
                    }
                    .ul-view{
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        .li-view{
                            width: 31.5%;
                            margin-bottom: 2rem;
                            display: flex;
                            cursor: pointer;
                            .box-view{
                                width: 100%;
                                display: flex;
                                font-size: .9375rem;
                                line-height: 1.5rem;
                                box-sizing: border-box;
                                position: relative;
                                .a-view{
                                    display: flex;
                                    flex-direction: column;
                                    .img-view{
                                        width: 100%;
                                        img{
                                            display: block;
                                            width: 100%;
                                        }
                                    }
                                    .text-view{
                                        margin-top: .875rem;
                                        margin-left: .3125rem;
                                        width: 70%;
                                        display: flex;
                                        flex-direction: column;
                                        box-sizing: border-box;
                                        .text-one{
                                            display: flex;
                                            flex-wrap: wrap;
                                            margin-bottom: .125rem;
                                            width: 100%;
                                            .one-p{
                                                color: rgb(117, 117, 117);
                                                font-size: .8125rem;
                                                line-height: 1.125rem;
                                                margin-right: .4375rem;
                                            }
                                        }
                                        .text-two{
                                            line-height: 1.5rem;
                                        }
                                        .text-thr{
                                            margin-top: .75rem;
                                            .thr-sp::before{
                                                content: "-";
                                            }
                                            
                                        }
                                        }
                                    }
                                .collect{
                                    width: 20px;
                                    height: 20px;
                                    position: absolute;
                                    top: 20px;
                                    right: 20px;
                                  img{
                                      display: block;
                                      width: 100%;
                                  }
                                }
                                }
                            }
                        }
                    }
                }
                }
        }
    
